<template>
    <ul class="tree-list">
      <li v-for="item in treeData" :key="item.id" >
        <div class="tree-item">
          <i class="fa fa-ticket ticket-ico" ></i>
          <span>{{item.title}}</span>
        </div>
          <tree-children :treeData="item.children" v-if="item.children" :style="{paddingLeft:0.625+'rem'}"></tree-children>
      </li>
    </ul>

</template>

<script>
export default {
  props:["treeData"],
}
</script>

<style lang="less" scoped>
.tree-list{
  padding: 0 10/16rem;

  li{
    line-height: 30/16rem;
    color:#666;
     .ticket-ico{
      color: #00bcd4;
     }
  }
  .tree-item{
      border-bottom: 1px solid #eee;
  }
}
 
</style>